.icon .new, .icon .edit, .icon .delete, .icon .calendar {
display:block;
width:25px;
height:25px;
background-position:50% 0;
margin:auto}

.icon .new:hover, .icon .edit:hover, .icon .delete:hover, .icon .calendar:hover{
background-position:0 -25px}

.icon .new{
background-image:url(icon/new.png)}

.icon .edit{
background-image:url(icon/edit.png)}

.icon .delete{
background-image:url(icon/delete.png)}

.icon .calendar{
background-image:url(icon/agenda.png)}

.icon_new, .icon_check{
display:block;
display:inline-block;
margin:10px 1px;
padding:4px 0 4px 30px;
background:url() top left no-repeat;
text-decoration:none;
font-weight:bold}

.icon_preview{
display:block;
width:100px;
height:93px;
margin:auto;
background:url(icon/preview.png) top center no-repeat;
text-decoration:none}

.icon_preview:hover{
background-position:0 -93px}

table .icon_new, table .icon_check{
margin:3px 0}

.icon_new{
background-image:url(icon/new.png)}

.icon_check{
background-image:url(icon/check.png)}

.icon_new:hover, .icon_check:hover{
background-position:0 -25px}

.icon_profil, .icon_deconnexion{
float:left;
display:block;
width:20px;
height:20px;
margin:0 10px 0 0;
background-position:top center;
background-repeat:no-repeat}

.icon_profil:hover, .icon_deconnexion:hover{
background-position:0 -20px}

.icon_profil{
background-image:url(icon/profil.png)}

.icon_deconnexion{
background-image:url(icon/deconnexion.png)}

.circle{
position:relative;
margin:30px auto 20px auto;
background:url(circle.png) center no-repeat}

.circle .calendar{
display:block;
position:absolute;
width:100px;
height:100px;
background:url(icon/calendar.png) 50% 0 no-repeat}

.circle .calendar:hover{
background-position:0 -100px}

.circle-link a{
position:absolute;
height:30px;
width:80px;
padding:80px 5px 0 5px;

font-size:80%;
text-decoration:none;
text-align:center;

background-color:#e0e0e0;
background-repeat:no-repeat;
background-position:15px 7px;
border:1px solid #d0d0d0;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;

opacity:.8;
-moz-opacity:.8;
-webkit-opacity:.8;
filter:alpha(opacity=80)}

.circle-link a:hover{
opacity:1;
-moz-opacity:1;
-webkit-opacity:1;
filter:alpha(opacity=100)}

.circle-link .droits{
background-image:url(icon/key.png)}

.circle-link .user{
background-image:url(icon/user.png)}

.circle-link .enseignants{
background-image:url(icon/book.png)}

.circle-link .salles{
background-image:url(icon/batiment.png)}

.circle-link .saisiesalles{
background-image:url(icon/notebook.png)}

.circle-link .promotion{
background-image:url(icon/student.png)}

.circle-link .ue{
background-image:url(icon/ue.png)}

.circle-link .joursdesactives{
background-image:url(icon/joursdesactives.png)}

.profil{
 font-size:80%; line-height:1.7em}